#game {
    background: #9c9;
    padding: 5px;
}
.card {
    -webkit-perspective:  600;
    width: 80px;
    height: 120px;
}
.face {
    border-radius:10px;
    width: 100%;
    height:100%;
    position: absolute;
    -webkit-transform: all 1s;
    -webkit-backface-visibility: hidden;
}

.front {
    background: #966;
    z-index: 10;
}
.back {
    background: #eaa;
    -webkit-transform: rotate3d(0,1,0, -180deg);
    z-index: 8;
}

.card-flipped .front {
    -webkit-transform: rotate3d(0, 1, 0, 180deg);
    z-index: 8
}

.card-flipped .back {
    -webkit-transform: rotate3d(0,1,0,0deg);
    z-index: 10;
}

.cardAK {
    background: url(../images/AK.jpg)
}
.cardAQ {
    background: url(../images/AQ.jpg)
}

.rotateRight {
    -webkit-transform: rotate3d(0,0,1,90deg)
}